import { StrictMode } from 'react'
import { createRoot } from 'react-dom/client'
import { BrowserRouter } from 'react-router-dom'
import App from './App.tsx'
import './styles/index.css'
import './styles/hero.css'
import { HeroUIProvider, ToastProvider } from '@heroui/react'
import { I18nProvider } from "@react-aria/i18n";

createRoot(document.getElementById('root')!).render(
  <StrictMode>
    <BrowserRouter>
      <I18nProvider locale="zh-CN">
        <HeroUIProvider>
          <ToastProvider
            placement="top-center"
            maxVisibleToasts={2}
            toastOffset={12}
            toastProps={{
              timeout: 1500,
              variant: 'bordered',
            }}
          />
          <App />
        </HeroUIProvider>
      </I18nProvider>
    </BrowserRouter>
  </StrictMode>,
)
